<script setup>
const props = defineProps({
  title: {
    type: String,
    default: "默认标题",
  },
  path: {
    type: String,
    default: "",
  },
});
</script>

<template>
  <footer>
    <div class="pay" @click="path ? $router.push(path) : null">{{ title }}</div>
  </footer>
</template>

<style lang="scss" scoped>
footer {
  .pay {
    position: fixed;
    bottom: 0rem;
    left: 0;
    right: 0;

    margin: 0 16rem 20rem;

    text-align: center;
    height: 40rem;
    line-height: 40rem;
    color: #fff;
    background-color: #642e8e;
    border-radius: 5rem;
    font-size: 16rem;
  }
}
</style>
